﻿@model IEnumerable<TraineeManagement.Models.Trainee>
@using TraineeManagement.Models;
@{
    ViewBag.Title = "GymTool - Danh sách người tập mới";
    Layout = "~/Views/Shared/_Layout.cshtml";
}

<!-- BEGIN PAGE HEADER-->
<h3 class="page-title">
    Danh sách người tập mới đăng ký
</h3>
<div class="page-bar">
    <ul class="page-breadcrumb">
        <li>
            <i class="fa fa-home"></i>
            <i>Danh sách người tập</i>
            <i class="fa fa-angle-right"></i>
        </li>
        <li>
            <i>Mới đăng ký</i>
            <i class="fa fa-angle-right"></i>
        </li>
    </ul>
    <div class="page-toolbar">
        <div class="btn-group pull-right">
            <a class="btn blue-ebonyclay" data-toggle="modal" href="#basic">
                <i class="fa fa-plus"></i>
                Thêm người tập
            </a>
        </div>
    </div>
</div>
<!-- END PAGE HEADER-->
<!-- BEGIN PAGE CONTENT-->
<div class="row">
    <div class="col-md-12">
        <div class="portlet box green">
            <div class="portlet-title">
                <div class="caption">
                    <i class="fa fa-exclamation-circle"></i>Đang hiển thị danh sách những người tập vừa đăng ký.
                </div>
            </div>
            <div class="portlet-body">
                <div id="sample_1_wrapper" class="dataTables_wrapper no-footer">
                    <div class="row">
                        <div class="col-md-12 col-sm-12">
                            <table class="table table-striped table-bordered table-hover" id="traineeTable" role="grid" aria-describedby="sample_1_info">
                                <thead>
                                    <tr role="row">
                                        <th>
                                            ID
                                        </th>
                                        <th>
                                            Tên đầy đủ
                                        </th>
                                        <th style="text-align:center">
                                            Ảnh
                                        </th>
                                        <th style="text-align:center">
                                            Khóa gần nhất
                                        </th>
                                        <th style="text-align:center">
                                            Thông tin chi tiết
                                        </th>
                                    </tr>
                                </thead>
                                <tbody>
                                    @foreach (var item in Model)
                                    {
                                        <tr class="gradeX odd" role="row">
                                            <td>
                                                <h3 style="vertical-align: middle;line-height: 124px;margin: 0;">
                                                    @item.TraineeID
                                                </h3>
                                            </td>
                                            <td>
                                                <h3 style="vertical-align: middle;line-height: 124px;margin: 0;">
                                                    @item.FullName
                                                </h3>
                                            </td>
                                            @if (!@item.PhotoUrl.Equals(""))
                                            {
                                                <td style="text-align:center;">
                                                    <img height="107" width="80" src="@Url.Content("~/Content/traineePhoto/" + @item.PhotoUrl)" />
                                                </td>
                                            }
                                            else
                                            {
                                                <td style="text-align:center">
                                                    <span class="label label-info">
                                                        Chưa có ảnh
                                                    </span>
                                                </td>
                                            }
                                            @if (@item.Sessions.Count > 0)
                                            {
                                                <td style="text-align:center">
                                                    <h2 style="vertical-align: middle;line-height: 124px;margin: 0;">
                                                        <span class="label label-success">
                                                            @item.Sessions.OrderByDescending(s => s.EndDate).FirstOrDefault().StartDate.ToString("dd/MM/yyyy")
                                                        </span>

                                                        <span class="label label-warning">
                                                            đến
                                                        </span>
                                                        <span class="label label-success">
                                                            @item.Sessions.OrderByDescending(s => s.EndDate).FirstOrDefault().EndDate.ToString("dd/MM/yyyy")
                                                        </span>
                                                    </h2>
                                                </td>
                                            }
                                            else
                                            {
                                                <td style="text-align:center">
                                                    <h2 style="vertical-align: middle;line-height: 124px;margin: 0;">
                                                        <span class="label label-danger">
                                                            Chưa đăng ký
                                                        </span>
                                                    </h2>
                                                </td>
                                            }
                                            <td style="text-align:center">
                                                <h2 style="vertical-align: middle;line-height: 124px;margin: 0;">
                                                    <a href="@Url.Action("TraineeInfo/" + @item.TraineeID, "Trainee")" type="button" class="btn blue-madison">Xem chi tiết</a>
                                                </h2>
                                            </td>
                                        </tr>
                                    }

                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- END PAGE CONTENT-->



<div class="modal fade" id="basic" tabindex="-1" role="basic" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <form action="@Url.Action("AddTrainee","Trainee")" enctype="multipart/form-data" method="post" class="form-horizontal">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true"></button>
                    <h2 class="modal-title">Thêm người tập</h2>
                    <h5>Vui lòng nhập các thông tin cần thiết</h5>
                    <h5 style="color:red">Lưu ý: ngày tháng được hiển thị theo dạng <span class="label label-danger">Tháng/Ngày/Năm</span></h5>
                </div>
                <div class="modal-body">
                    <div class="form-body">
                        <div class="form-group">
                            <label class="col-md-3 control-label">Họ và tên</label>
                            <div class="col-md-6">
                                <input type="text" name="Fullname" class="form-control input-circle" placeholder="Nhập họ và tên">
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-md-3 control-label">Ngày đăng ký</label>
                            <div class="col-md-9">
                                <div class="input-group input-large date-picker input-daterange">
                                    <input type="text" id="dp1" class="form-control input-circle-left" name="StartDate" placeholder="Ngày bắt đầu">
                                    <span class="input-group-addon">
                                        đến
                                    </span>
                                    <input type="text" id="dp2" class="form-control input-circle-right" name="EndDate" placeholder="Ngày kết thúc">
                                </div>
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-md-3 control-label">Hình ảnh</label>
                            <div class="col-md-6">
                                <input type="file" name="file">
                            </div>
                        </div>
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn default" data-dismiss="modal">Đóng</button>
                    <button type="submit" class="btn blue">Thêm</button>
                </div>
            </form>
        </div>
        <!-- /.modal-content -->
    </div>
    <!-- /.modal-dialog -->
</div>


<script type="text/javascript">
    $(document).ready(function () {
        $('#traineeTable').DataTable({
            "language": {
                "sProcessing": "Đang xử lý...",
                "sLengthMenu": "Xem _MENU_ mục",
                "sZeroRecords": "Không tìm thấy dòng nào phù hợp.",
                "sInfo": "Đang xem _START_ đến _END_ trong tổng số _TOTAL_ mục.",
                "sInfoEmpty": "Đang xem 0 đến 0 trong tổng số 0 mục.",
                "sInfoFiltered": "(Được lọc từ _MAX_ mục).",
                "sInfoPostFix": "",
                "sSearch": "Tìm kiếm:",
                "sUrl": "",
                "oPaginate": {
                    "sFirst": "Đầu",
                    "sPrevious": "Trước",
                    "sNext": "Tiếp",
                    "sLast": "Cuối"
                }
            }
        });
        $('#dp1,#dp2').datepicker();
    });
</script>

